.banner{position: relative;}
.banner image{width: 100%;}
.banner .year{position: absolute; top: 0; font-size: 30rpx; font-weight: bold; right: 0; padding: 10rpx 40rpx; border-radius: 0 0 0 15rpx; background-color: #fff; color: #d9232f; box-shadow: -5rpx 5rpx 15rpx rgba(0,0,0,.2);}
.searchBox{padding: 20rpx; margin: 20rpx auto; border-radius: 10rpx; box-shadow: 0 0 15rpx rgba(0,0,0,0.2); overflow: hidden;}

.resultBox{ padding: 20rpx 0; background-color: #f5f5f5;}
.resultBox .items{}
.resultBox h4{font-size: 28rpx; padding-bottom: 20rpx; text-align: center;}
.resultBox h4 i{display: inline; color: #d9232f;}
.resultBox .item{position: relative; background-color: #fff; padding: 20rpx; box-shadow: 0 3rpx 10rpx rgba(0,0,0,.3); border-radius: 15rpx;}
.resultBox .item + .item{margin-top: 20rpx;}
.resultBox .item h3{font-size: 30rpx; color: #333; font-weight: bold;}
.resultBox .item p{display: flex; align-items: flex-start; justify-content: flex-start; font-size: 26rpx; margin-top: 10rpx; color: #555;}
.resultBox .item p span{ width: 130rpx; font-weight: bold;}
.resultBox .item p i{color: #d9232f; font-style: normal;}


.gwdm{margin-top: 20rpx;}

.addFriend image{display: block; width: 100%;}

.btnBox{position: absolute; top: 30rpx; right: 30rpx;}

.fixBottom{position: fixed; bottom: 0; left: 0; display: flex; justify-content: space-between; width: 700rpx; background-color: #fff; border-top: 1px solid #ccc; padding: 25rpx;}

.flexBox{display: flex; justify-content: flex-start; max-width: 500%;}


.comList{}
.comList .items{padding: 25rpx;}
.comList .item{position: relative; background-color: #fff; padding: 20rpx; margin-bottom: 25rpx; box-shadow: 0 3rpx 10rpx rgba(0,0,0,.3); border-radius: 15rpx;}
.comList .item h3{font-size: 34rpx; color: #333; font-weight: bold;}
.comList .item p{display: flex; align-items: flex-start; justify-content: flex-start; font-size: 28rpx; margin-top: 13rpx; color: #555;}
.comList .item p span{ width: 130rpx; }
.comList .item p i{color: #d9232f; font-style: normal;}

.name{position: fixed;bottom: 0; right: 0;  font-size: 18rpx;}

.other{padding: 25rpx 0;}
.other ul{display: flex; justify-content: space-between;}
.other ul li{width: 50%;}
.other ul li image{display: block; width: 100%;}


.modalBtns{width: 100%;  padding-top: 15rpx; margin-top: 15rpx; border-top: 1px solid #eee;}
.modalBtns>div{margin-bottom: 15px;}
.slot-confirmButton{width: 100%;}
.slot-confirmButton p{width: 100%; font-size: 28rpx; text-align: center;}
.errorBox{text-align: center; padding: 25rpx 0;}
.ewmBox{display: flex; justify-content: space-between; align-items: center; padding-top: 25rpx; margin-top: 25rpx; border-top: 1px dotted #000;}
.ewmBox image{width: 200rpx;}
.ewmBox  p{font-size: 30rpx; line-height: 1.8; font-weight: bold; margin-left: 15px; text-align: left;}